<template>
  <view class="page_root" data-page-name="新建日报" data-page-identification="z_rfrpdnudco">
      
    <!-- begin vid_0ceso7tijp 容器_v2918wff0e -->
    <view v-if="showState.vid_0ceso7tijp_visible" data-unique-id="vid_0ceso7tijp" ref="vid_0ceso7tijp_ref" class="al-container vid_0ceso7tijp">
      <!-- begin vid_wa38irfzbl 容器_h0fmohwq3f -->
      <view v-if="showState.vid_wa38irfzbl_visible" data-unique-id="vid_wa38irfzbl" ref="vid_wa38irfzbl_ref" class="al-container vid_wa38irfzbl">
        <!-- begin vid_s1rsffk0pd 按钮_asgqolgrlr -->
        <u-button
          v-if="showState.vid_s1rsffk0pd_visible"
          data-unique-id="vid_s1rsffk0pd"
          ref="vid_s1rsffk0pd_ref"
          class="vid_s1rsffk0pd"
          :custom-style="vid_s1rsffk0pd_customStyleProps"
          :disabled="vid_s1rsffk0pd_props.disabled"
          :type="vid_s1rsffk0pd_props.type"
          :size="vid_s1rsffk0pd_props.size"
          :shape="vid_s1rsffk0pd_props.shape"
          :text="vid_s1rsffk0pd_props.text"
          :color="vid_s1rsffk0pd_props.color"
          :icon="vid_s1rsffk0pd_props.icon"
          :iconPosition="vid_s1rsffk0pd_props.iconPosition"
          :formType="vid_s1rsffk0pd_props.formType"
          :plain="vid_s1rsffk0pd_props.plain"
          :hairLine="vid_s1rsffk0pd_props.hairLine"
          :loading="vid_s1rsffk0pd_props.loading"
          :hoverStartTime="vid_s1rsffk0pd_props.hoverStartTime"
          :hoverStayTime="vid_s1rsffk0pd_props.hoverStayTime"
          @click="handle_vid_s1rsffk0pd_click"
        >
          <u-icon v-if="vid_s1rsffk0pd_props.iconPosition === 'left' && vid_s1rsffk0pd_props.icon && vid_s1rsffk0pd_props.icon?.indexOf('data:image/') < 0 " :name="vid_s1rsffk0pd_props.icon"></u-icon>
          <image
            v-if="vid_s1rsffk0pd_props.iconPosition === 'left' && vid_s1rsffk0pd_props.icon && vid_s1rsffk0pd_props.icon.indexOf('data:image/') >= 0 "
            style="width: 1em;height: 1em;display:inline-block"
            :src="vid_s1rsffk0pd_props.icon"
          ></image>
          {{ vid_s1rsffk0pd_props.text }}
          <u-icon v-if="vid_s1rsffk0pd_props.iconPosition === 'right' && vid_s1rsffk0pd_props.icon && vid_s1rsffk0pd_props.icon.indexOf('data:image/') < 0 " :name="vid_s1rsffk0pd_props.icon"></u-icon>
          <image
            v-if="vid_s1rsffk0pd_props.iconPosition === 'right' && vid_s1rsffk0pd_props.icon && vid_s1rsffk0pd_props.icon.indexOf('data:image/') >= 0 "
            style="width: 1em;height: 1em;display:inline-block"
            :src="vid_s1rsffk0pd_props.icon"
          ></image>
        </u-button>
        <!-- end vid_s1rsffk0pd 按钮_asgqolgrlr -->
      </view>
      <!-- end vid_wa38irfzbl 容器_h0fmohwq3f -->
    </view>
    <!-- end vid_0ceso7tijp 容器_v2918wff0e -->
    <!-- begin vid_94kf5n2i0u 容器_oy1yy86ib7 -->
    <view v-if="showState.vid_94kf5n2i0u_visible" data-unique-id="vid_94kf5n2i0u" ref="vid_94kf5n2i0u_ref" class="al-container vid_94kf5n2i0u">
      <!-- begin vid_i4r1ae6r3o 容器_tpw8nbewk0 -->
      <view v-if="showState.vid_i4r1ae6r3o_visible" data-unique-id="vid_i4r1ae6r3o" ref="vid_i4r1ae6r3o_ref" class="al-container vid_i4r1ae6r3o">
        <!-- begin vid_h43akw3i7h 按钮_j6q6wojif9 -->
        <u-button
          v-if="showState.vid_h43akw3i7h_visible"
          data-unique-id="vid_h43akw3i7h"
          ref="vid_h43akw3i7h_ref"
          class="vid_h43akw3i7h"
          :custom-style="vid_h43akw3i7h_customStyleProps"
          :disabled="vid_h43akw3i7h_props.disabled"
          :type="vid_h43akw3i7h_props.type"
          :size="vid_h43akw3i7h_props.size"
          :shape="vid_h43akw3i7h_props.shape"
          :text="vid_h43akw3i7h_props.text"
          :color="vid_h43akw3i7h_props.color"
          :icon="vid_h43akw3i7h_props.icon"
          :iconPosition="vid_h43akw3i7h_props.iconPosition"
          :formType="vid_h43akw3i7h_props.formType"
          :plain="vid_h43akw3i7h_props.plain"
          :hairLine="vid_h43akw3i7h_props.hairLine"
          :loading="vid_h43akw3i7h_props.loading"
          :hoverStartTime="vid_h43akw3i7h_props.hoverStartTime"
          :hoverStayTime="vid_h43akw3i7h_props.hoverStayTime"
        >
          <u-icon v-if="vid_h43akw3i7h_props.iconPosition === 'left' && vid_h43akw3i7h_props.icon && vid_h43akw3i7h_props.icon?.indexOf('data:image/') < 0 " :name="vid_h43akw3i7h_props.icon"></u-icon>
          <image
            v-if="vid_h43akw3i7h_props.iconPosition === 'left' && vid_h43akw3i7h_props.icon && vid_h43akw3i7h_props.icon.indexOf('data:image/') >= 0 "
            style="width: 1em;height: 1em;display:inline-block"
            :src="vid_h43akw3i7h_props.icon"
          ></image>
          {{ vid_h43akw3i7h_props.text }}
          <u-icon v-if="vid_h43akw3i7h_props.iconPosition === 'right' && vid_h43akw3i7h_props.icon && vid_h43akw3i7h_props.icon.indexOf('data:image/') < 0 " :name="vid_h43akw3i7h_props.icon"></u-icon>
          <image
            v-if="vid_h43akw3i7h_props.iconPosition === 'right' && vid_h43akw3i7h_props.icon && vid_h43akw3i7h_props.icon.indexOf('data:image/') >= 0 "
            style="width: 1em;height: 1em;display:inline-block"
            :src="vid_h43akw3i7h_props.icon"
          ></image>
        </u-button>
        <!-- end vid_h43akw3i7h 按钮_j6q6wojif9 -->
      </view>
      <!-- end vid_i4r1ae6r3o 容器_tpw8nbewk0 -->
    </view>
    <!-- end vid_94kf5n2i0u 容器_oy1yy86ib7 -->
    <!-- begin vid_u7rj287d2p 容器_517e2erhel -->
    <view v-if="showState.vid_u7rj287d2p_visible" data-unique-id="vid_u7rj287d2p" ref="vid_u7rj287d2p_ref" class="al-container vid_u7rj287d2p">
      <!-- begin vid_9jelq83p6s 容器_98j4xpxjgn -->
      <view v-if="showState.vid_9jelq83p6s_visible" data-unique-id="vid_9jelq83p6s" ref="vid_9jelq83p6s_ref" class="al-container vid_9jelq83p6s">
        <!-- begin vid_lk40w3a9ua 按钮_bdipl1rced -->
        <u-button
          v-if="showState.vid_lk40w3a9ua_visible"
          data-unique-id="vid_lk40w3a9ua"
          ref="vid_lk40w3a9ua_ref"
          class="vid_lk40w3a9ua"
          :custom-style="vid_lk40w3a9ua_customStyleProps"
          :disabled="vid_lk40w3a9ua_props.disabled"
          :type="vid_lk40w3a9ua_props.type"
          :size="vid_lk40w3a9ua_props.size"
          :shape="vid_lk40w3a9ua_props.shape"
          :text="vid_lk40w3a9ua_props.text"
          :color="vid_lk40w3a9ua_props.color"
          :icon="vid_lk40w3a9ua_props.icon"
          :iconPosition="vid_lk40w3a9ua_props.iconPosition"
          :formType="vid_lk40w3a9ua_props.formType"
          :plain="vid_lk40w3a9ua_props.plain"
          :hairLine="vid_lk40w3a9ua_props.hairLine"
          :loading="vid_lk40w3a9ua_props.loading"
          :hoverStartTime="vid_lk40w3a9ua_props.hoverStartTime"
          :hoverStayTime="vid_lk40w3a9ua_props.hoverStayTime"
          @click="handle_vid_lk40w3a9ua_click"
        >
          <u-icon v-if="vid_lk40w3a9ua_props.iconPosition === 'left' && vid_lk40w3a9ua_props.icon && vid_lk40w3a9ua_props.icon?.indexOf('data:image/') < 0 " :name="vid_lk40w3a9ua_props.icon"></u-icon>
          <image
            v-if="vid_lk40w3a9ua_props.iconPosition === 'left' && vid_lk40w3a9ua_props.icon && vid_lk40w3a9ua_props.icon.indexOf('data:image/') >= 0 "
            style="width: 1em;height: 1em;display:inline-block"
            :src="vid_lk40w3a9ua_props.icon"
          ></image>
          {{ vid_lk40w3a9ua_props.text }}
          <u-icon v-if="vid_lk40w3a9ua_props.iconPosition === 'right' && vid_lk40w3a9ua_props.icon && vid_lk40w3a9ua_props.icon.indexOf('data:image/') < 0 " :name="vid_lk40w3a9ua_props.icon"></u-icon>
          <image
            v-if="vid_lk40w3a9ua_props.iconPosition === 'right' && vid_lk40w3a9ua_props.icon && vid_lk40w3a9ua_props.icon.indexOf('data:image/') >= 0 "
            style="width: 1em;height: 1em;display:inline-block"
            :src="vid_lk40w3a9ua_props.icon"
          ></image>
        </u-button>
        <!-- end vid_lk40w3a9ua 按钮_bdipl1rced -->
      </view>
      <!-- end vid_9jelq83p6s 容器_98j4xpxjgn -->
    </view>
    <!-- end vid_u7rj287d2p 容器_517e2erhel -->
  </view>
</template>
<script setup>

  import {
    ref,reactive,toRaw,markRaw,
    watch,computed,
    onBeforeMount,onMounted,onBeforeUnmount,onUnmounted,onActivated,onDeactivated,getCurrentInstance
  } from "vue";
  import { useRoute } from 'vue-router';
  const route = useRoute();
  import { get, post, put, del, request, requestWithHeaders } from '@/utils/http/Axios';
  import { isEqual, cloneDeep, isNullOrEmpty, isEmptyArr, isArray, isNullOrUnDef, localGet, traversalTreeStructure, set, checkCaseCondition, throttle, merge, switchCase, dateParse, debounce } from '@/utils/index';
  import { CovertOptions, getChartsDataSourceConvert } from '@/utils/chart';
  import { propertyFormatByNumber, propertyFormatByPercentage, propertyFormatByDate } from '@/utils/format';
  import { FormFormat } from '@/utils/formFormat'
  import dayjs from 'dayjs';
  // import '@vueup/vue-quill/dist/vue-quill.snow.css';
  
  import { handleRedirect, permission } from '@/utils/common'
  import { onPullDownRefresh, onLoad, onReady, onShow, onHide, onPageScroll } from '@dcloudio/uni-app'
  


  // ---------------------------- 属性定义 ----------------------------
  const sourceId = "page50001874"

    // 是否显示菜单按钮
    const isMenuIconShow = false;
    // NAVIGATION_MENU
    const handleShowNavigation = ()=>{};


  const setTimeOutList = [];


      const vid_0ceso7tijp_props = reactive({
        systemFieldShow: true,
    });

      const vid_wa38irfzbl_props = reactive({
        systemFieldShow: true,
    });

      const vid_s1rsffk0pd_props = reactive({
        systemFieldShow: true,
      disabled: false,
      type: "default",
      size: "default",
      shape: "square",
      text: "",
      color: "",
      icon: "",
      iconPosition: "left",
      formType: "",
      plain: false,
      hairLine: true,
      loading: false,
      hoverStartTime: 20,
      hoverStayTime: 150,
    });

      const vid_94kf5n2i0u_props = reactive({
        systemFieldShow: true,
    });

      const vid_i4r1ae6r3o_props = reactive({
        systemFieldShow: true,
    });

      const vid_h43akw3i7h_props = reactive({
        systemFieldShow: true,
      disabled: false,
      type: "default",
      size: "default",
      shape: "square",
      text: "",
      color: "",
      icon: "",
      iconPosition: "left",
      formType: "",
      plain: false,
      hairLine: true,
      loading: false,
      hoverStartTime: 20,
      hoverStayTime: 150,
    });

      const vid_u7rj287d2p_props = reactive({
        systemFieldShow: true,
    });

      const vid_9jelq83p6s_props = reactive({
        systemFieldShow: true,
    });

      const vid_lk40w3a9ua_props = reactive({
        systemFieldShow: true,
      disabled: false,
      type: "default",
      size: "default",
      shape: "square",
      text: "",
      color: "",
      icon: "",
      iconPosition: "left",
      formType: "",
      plain: false,
      hairLine: true,
      loading: false,
      hoverStartTime: 20,
      hoverStayTime: 150,
    });


    const vid_s1rsffk0pd_customStyleProps = reactive({
      "width": "327px",
      "height": "134px",
      "boxShadow": "0px 0px 0px 0px ",
      "backgroundColor": "rgba(255, 255, 255, 0)",
      })

    const vid_h43akw3i7h_customStyleProps = reactive({
      "width": "327px",
      "height": "134px",
      "boxShadow": "0px 0px 0px 0px ",
      "backgroundColor": "rgba(255, 255, 255, 0)",
      })

    const vid_lk40w3a9ua_customStyleProps = reactive({
      "width": "327px",
      "height": "134px",
      "boxShadow": "0px 0px 0px 0px ",
      "backgroundColor": "rgba(255, 255, 255, 0)",
      })

  // ============================ 属性定义 ============================

  // ---------------------------- 元素数据引用 ----------------------------
  // 组件 容器_v2918wff0e ref 的引用
  const vid_0ceso7tijp_ref = ref(null);
  // 组件 容器_h0fmohwq3f ref 的引用
  const vid_wa38irfzbl_ref = ref(null);
  // 组件 按钮_asgqolgrlr ref 的引用
  const vid_s1rsffk0pd_ref = ref(null);
  // 组件 容器_oy1yy86ib7 ref 的引用
  const vid_94kf5n2i0u_ref = ref(null);
  // 组件 容器_tpw8nbewk0 ref 的引用
  const vid_i4r1ae6r3o_ref = ref(null);
  // 组件 按钮_j6q6wojif9 ref 的引用
  const vid_h43akw3i7h_ref = ref(null);
  // 组件 容器_517e2erhel ref 的引用
  const vid_u7rj287d2p_ref = ref(null);
  // 组件 容器_98j4xpxjgn ref 的引用
  const vid_9jelq83p6s_ref = ref(null);
  // 组件 按钮_bdipl1rced ref 的引用
  const vid_lk40w3a9ua_ref = ref(null);
  // 动态key的map
  const fieldTypeMap = {};
  // 动态key的map
  const refMap = {vid_0ceso7tijp_ref,vid_wa38irfzbl_ref,vid_s1rsffk0pd_ref,vid_94kf5n2i0u_ref,vid_i4r1ae6r3o_ref,vid_h43akw3i7h_ref,vid_u7rj287d2p_ref,vid_9jelq83p6s_ref,vid_lk40w3a9ua_ref};

  const showState = reactive({
      vid_0ceso7tijp_visible: true,
      vid_wa38irfzbl_visible: true,
      vid_s1rsffk0pd_visible: true,
      vid_94kf5n2i0u_visible: true,
      vid_i4r1ae6r3o_visible: true,
      vid_h43akw3i7h_visible: true,
      vid_u7rj287d2p_visible: true,
      vid_9jelq83p6s_visible: true,
      vid_lk40w3a9ua_visible: true,
  })
  // ============================ 元素数据引用 ============================

  // ---------------------------- 数据 ----------------------------


  // ============================ 数据 ============================

  // ---------------------------- 方法 ----------------------------
  // ---------------------------- 页面数据 ----------------------------


  // ============================ 页面数据 ============================

  // ---------------------------- 响应 ----------------------------

  // 页面交互 新建产研交付日报
  const response_cpy1yyw60i = async () => {

        // 跳转到目标页面
        
        handleRedirect(`/pages/Page50001884/Page50001884?`)
         

  }


  // 页面交互 新建其它日报
  const response_o2bi96qlnn = async () => {

        // 跳转到目标页面
        
        handleRedirect(`/pages/Page50001887/Page50001887?`)
         

  }


  // 页面交互 新建销售日报
  const response_trzuwtux9l = async () => {

        // 跳转到目标页面
        
        handleRedirect(`/pages/Page50001885/Page50001885?`)
         

  }

  // ============================ 响应 ============================

  // ---------------------------- 函数 ----------------------------

  // 自定义函数 返回上一页
  const customFunction_goBack_wrl3j1rwmr =  (...params) => {
    uni.navigateBack()
  }

  // ============================ 函数 ============================

  // ---------------------------- 页面参数 ----------------------------

  const pageParameter_state = reactive({
      'processInstanceId': undefined,
  })

  // ============================ 页面参数 ============================

  // ---------------------------- 组件事件处理方法 ----------------------------



    /**
     * 处理元素 按钮 的 click 事件
     */
    let handle_vid_s1rsffk0pd_click = throttle(async (...params) => {

  response_cpy1yyw60i()
    }, 500)

    /**
     * 处理元素 按钮 的 click 事件
     */
    let handle_vid_lk40w3a9ua_click = throttle(async (...params) => {

  response_o2bi96qlnn()
    }, 500)
  // ============================ 组件事件处理方法 ============================

  // ============================ 方法 ============================

  // ---------------------------- 生命周期 ----------------------------

  const pageScrollTop = ref(0)

  

  
  const routeOption = ref({})
  onLoad((option) => {
    routeOption.value = option;
  });
  onReady(() => {
    setPageParams(routeOption.value)
    // 设置表单的rule
    try{

    }catch{
        // do nothing
    }
  });
  // 图表刷新标记
  const uChartsReshowFlag = ref(false);
  onHide(() => { // 页面隐藏后标记置为false(如果不置为false无法触发图表更新)
      uChartsReshowFlag.value = false
  })
  onShow(() => {
      uChartsReshowFlag.value = true; // 页面激活后,标记置为true

      setPageParams(routeOption.value)
  })
  onPageScroll(e => {
      pageScrollTop.value = e.scrollTop
  });
  

  const setPageParams = (routerParam)=>{
    const pageParams = [{"dataType":"STRING","dependencies":[],"name":"processInstanceId"}];
    const strategyMap = {
      STRING: (param, paramValue) => {
        pageParameter_state[param.name] = paramValue;
      },
      BOOLEAN: (param, paramValue) => {
        if('true' === (paramValue || '').toLowerCase()) {
          pageParameter_state[param.name] = true
        } else if('false' === (paramValue || '').toLowerCase()) {
          pageParameter_state[param.name] = false
        } else {
          // TODO: 是否要支持toast
          console.error('参数传入错误！类型不匹配！');
        }
      },
      NUMBER: (param, paramValue) => {
        if (!isNaN(paramValue)) {
          pageParameter_state[param.name] = Number(paramValue);
        } else {
          // TODO: 是否要支持toast
          console.error('参数传入错误！类型不匹配！');
        }
      },
      ARRAY: (param, paramValue) => {
        if (isNullOrUnDef(paramValue) || !paramValue || paramValue=== 'undefined') { // default value
          pageParameter_state[param.name] = [];
        } else if(paramValue.trim().startsWith('[') && paramValue.trim().endsWith(']')) {
          try {
            pageParameter_state[param.name] = JSON.parse(decodeURI(paramValue));
          } catch (error) {
            console.error('参数解析失败 ',error);
          }
        } else {
          console.error('参数传入错误！类型不匹配！');
        }
      },
    };
    pageParams.forEach((param) => {
      strategyMap[param.dataType](param, routerParam[param.name])
    });


  }

  onUnmounted(() => {
    // 销毁定时器
    setTimeOutList.forEach(({ repeat, timer }) => {
      repeat ?  clearInterval(timer): clearTimeout(timer);
    });
  });


  
  onPullDownRefresh(() => {
    // 下拉刷新
    setTimeout(() => {
        uni.stopPullDownRefresh()
    }, 1000)
  })
  

  // ============================ 生命周期 ============================

  // ---------------------------- 数据关联处理 ----------------------------
  // ---------------------------- 组件数据同步 ----------------------------

  // ============================ 组件数据同步 ============================
  //
  // ============================ 数据关联处理 ============================

  // ---------------------- 不同组件自定义的处理逻辑 ---------------------

  // ====================== 不同组件自定义的处理逻辑 ======================


  // ================================定制化逻辑========================================
</script>
<style lang="less" scoped>
  .page_root {
      min-height: 100%;
      box-sizing: border-box;
      background-color:rgba(251, 253, 254, 1);
      background-image:url("@/static/images/5f76b98c26c26a2aa51316ffd9624223.png");
      background-repeat:no-repeat;
      background-attachment:scroll;
      background-position-x:undefined%;
      background-position-y:undefined%;
      background-size:cover;
  }
  .vid_0ceso7tijp{
      margin-right:24px;
      margin-left:24px;
      padding-top:24px
  }



  .vid_wa38irfzbl{
      width:327px;
      height:134px;
      display:block;
      background-image:url("@/static/images/2669a73862fb928ee2248e14875116db.png");
      background-repeat:no-repeat;
      background-attachment:scroll;
      background-position-x:0%;
      background-position-y:0%;
      background-size:cover
  }



  .vid_94kf5n2i0u{
      margin-top:24px;
      margin-right:24px;
      margin-left:24px
  }



  .vid_i4r1ae6r3o{
      width:327px;
      height:134px;
      display:block;
      background-image:url("@/static/images/c08b6f389ba37c362eb24603978967a9.png");
      background-repeat:no-repeat;
      background-attachment:scroll;
      background-position-x:0%;
      background-position-y:0%;
      background-size:cover
  }



  .vid_u7rj287d2p{
      margin-top:24px;
      margin-right:24px;
      margin-left:24px;
      background-color:rgba(255, 255, 255, 0)
  }



  .vid_9jelq83p6s{
      width:327px;
      height:134px;
      display:block;
      background-color:rgba(255, 255, 255, 0);
      background-image:url("@/static/images/1c071370e410085f2e135fd063c605b8.png");
      background-repeat:no-repeat;
      background-attachment:scroll;
      background-position-x:0%;
      background-position-y:0%;
      background-size:cover
  }
</style>